<template>
  <div class="container" >
    <div class="submitMaterial">
        <div class="content">
            <h3>理赔材料预审在线预审须知</h3>
            <ul>
                <li>第1步：确认出险事故类型</li>
                <li>第2步：阅读系统生成材料清单</li>
                <li>第3步：提交材料高清照片</li>
                <li>第4步：材料查缺补</li>
                <li>第5步：完成提交</li>
            </ul>

            <h4>注意事项</h4>
            <p>1、严格按照系统的提示上传正确、高清的材料照片</p>
        </div>
        <buttomBtn title="开始提交" @handleClick='handleClick'></buttomBtn>
    </div>
  </div>
</template>

<script>
import buttomBtn from '@/components/Bbutton'
export default {
    data () {
        return {
            motto: 'Hello World',
            userInfo: {}
        }
    },

    components: {
        buttomBtn
    },

    methods: {
        handleClick () {
            const url = '../claim/sureAccidentType'
            wx.navigateTo({ url })
        }
    },

    mounted () {
        console.log(this.$root.$mp)
        console.log(this.$store.state)
    }
}
</script>

<style lang='stylus' scoped>
.submitMaterial
    background #fff
    width 750rpx
    min-height 100vh
    display flex
    justify-content space-between
    flex-direction column
    .content
        margin-left 45rpx
        h3
            font-size 32rpx
            height 56rpx
            line-height 56rpx
            text-align center
        ul
            margin-bottom 50rpx
            li
                font-size: 25rpx
                line-height 50rpx
        h4
            font-size 25rpx
            height 56rpx
            line-height 56rpx
            margin-bottom 10rpx
</style>
